{% extends "/layouts/layouts.twig" %}
{% block head %}
    <link rel="stylesheet/less" href="/assets/less/hangyexiangqing.less">
{% endblock %}
{% block content %}
{#    头部 start#}
    <div class="shouye-top">
        <a href="javascript:">首页 ></a>
        <a href=""> 行情 ></a>
        <a href="">机械设备 ></a>
        <a href="">起重机</a>
        <a href="">
            <img src="/assets/img/ico-share.png">
        </a>
        <a href="">
            <img src="/assets/img/ico-like.png">
        </a>
    </div>
{#    头部 end#}
{#内容 start#}
    <div class="content">
        <div class="row">
            <div class="col-xl-9">
                <div class="title">
                    <p>1111111111111111111111</p>
                </div>
{#                日期start#}
                <div class="data">
                 <p>日期：2019-06-26     浏览：107    </p>
                    <img class="min" src="/assets/img/ico-zoomout.png">
                  <img class="add" src="/assets/img/ico-zoomin.png">
                </div>
{#                日期 end#}
{#                变化字体 start#}
                <p class="control">
                    app
                </p>
{#                变化字体 end#}
{#                特别提示start#}
                <div class="tebietishi">
                    <p class="tebietiship">
                        特别提示
                    </p>
                    <p class="tebietishiblack">
                        ：本信息由相关企业自行提供，真实性未证实，仅供参考。请谨慎采用，风险自负。
                    </p>
                </div>
{#                  特别提示 end#}
{#                相关评论 start#}
                <div class="xiangguanpingluntitile">
                    <strong>
                      <span class="xiangguanpinglun">相关评论</span>
                    </strong>
                    <span class="tiao">
                           条
                       </span>
                    <strong class="zero">
                           <span >
                               0
                           </span>
                    </strong>&nbsp;
                </div>
                <div class="pingxing">
                    <div class="stat">
                        <table cellpadding="10" cellspacing="1" width="100%">
                            <tr align="center">
                                <td class="haoping">好评 <img src="/assets/img/star3.gif" /> </td>
                                <td>
                                    <div class="controngjiatiao">
                                        <div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu" width="100">0%</td>
                                <td class="number"  bgcolor="#E1F0FB">0</td>
                            </tr>
                            <tr align="center">
                                <td  class="haoping">中评 <img src="/assets/img/star2.gif" /></td>
                                <td>
                                    <div class="controngjiatiao"><div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu">0%</td>
                                <td  class="number" bgcolor="#F2F8FD">0</td>
                            </tr>
                            <tr align="center">
                                <td  class="haoping">差评 <img src="/assets/img/star1.gif" /></td>
                                <td><div class="controngjiatiao">
                                        <div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu">0%</td>
                                <td  class="number" bgcolor="#F9FCFE">0</td>
                            </tr>
                        </table>
                    </div>
{#                    笑脸 start#}
                    <div class="face">
                     <img src="/assets/img/face.gif">
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>差评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>中评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>好评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                    </div>
{#                    笑脸 end#}

                    <textarea class="shuru"></textarea>
{#                    验证码 start#}
                    <div class="yanzhengma">
                        <span class="yanzhengmap">
                            验证码：
                        </span>
                        <input type="text" id="inputCode"  class="shuruyanzhengma" placeholder="验证码"/>
                        <div id="checkCode" class="code"  onclick="createCode(4)" ></div>
                    </div>
{#                验证码 end#}
                    <div class="say">
                        <button type="button" class="btn btn-primary">我要说两句</button>
                        <input type="checkbox" class="miming"> 匿名发表  (内容限5至500字)
                    </div>
{#                相关评论 end#}
            </div>

        </div>
            <div class="col-xl-3">
                {% for i in three %}
                <div class="top">
                   <strong>
                       <p>{{ i.title }}</p>
                   </strong>
                </div>
                    {% for z in i.cate %}
                <div class="bottom">
                   <p style="color: {{ z.color }}">{{ z.neirong }}</p>
                </div>
                        {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>

{#    内容 end#}
    {% block footer %}
        <script src="/assets/js/hangyexiangqing.js"></script>
    {% endblock %}
{% endblock %}